 #{extends 'frameHome.html' /} #{set title:'Home' /} #{set 'moreStyles'}

<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/css3buttons.css'}">
#{/set}

<script type="text/javascript">
	$(document).ready(
			function() {
				$('.left, .content input, .content textarea, .content select')
						.focus(function() {
							$(this).parents('.row').addClass("over");
						}).blur(function() {
							$(this).parents('.row').removeClass("over");
						});
			});
</script>

<div id=right>

	<script type="text/javascript">
		function createTarget(t) {
			window.open("", t, "width=600,height=550");
			return true;
		}
	</script>

	<FORM method=post
		action="@{PostingIdea.continueEntityIdeasMerging(entity.id)}">

		<div class="content">
			#{if listOfIdeas} #{list items:listOfIdeas, as:'idea'}

			<div class="row">
				<div class="left">Idea selected</div>
				<div class="right">
					<input type="text" name="idea" size='25' value=${idea.body}>
				</div>
				<div class="clear"></div>
			</div>

			#{/list} #{/if}

		<div class="row">
			<div class="left">Title*</div>
			<div class="right">
				<input type="text" name="Title" size='25' required>
			</div>
			<div class="clear"></div>
		</div>

		<div class="row">
			<div class="left">Body*</div>
			<div class="right">
				<textarea rows="10" cols="25" name="Body" required>
					</textarea>
			</div>
			<div class="clear"></div>
		</div>
		<input type="submit" name="Post" value="Post ideas" /> </br>
			</div>
	</form>

	<a href="@{PostingIdea.showEntityIdeas(entity.id)}" class="pill button">Back</a></br>




	<p>*All Fields are Requireds</p>

</div>
